addRow(...)
[Professional ]
add new row to treeGrid
Object: dhtmlXGridObjectFile required: dhtmlxtreegrid.js
addRow(new_id, text, ind)add row to the grid
Object: dhtmlXGridObjectFile required: dhtmlxgrid.js
new_id - row ID, must be unique text - row values, may be a comma separated list or an array ind - index of new row, optional, row added to the last position by default addRowFromClipboard(...)
[Professional ]
add new row from clipboard
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_nxml.js
adjustColumnSize(cInd, complex)autosize column to max content size
Object: dhtmlXGridObjectFile required: dhtmlxgrid.js
cInd - index of column attachFooter(...)
[Professional ]
attach additional line to footer
Object: dhtmlXGridObjectFile required: dhtmlxgrid.js
attachHeader(values, style, _type)attach additional line to header
Object: dhtmlXGridObjectFile required: dhtmlxgrid.js
values - array of header titles style - array of styles, optional _type - reserved attachToObject(obj)attach grid to some object in DOM
Object: dhtmlXGridObjectTopic(s): overal control;
File required: dhtmlxgrid.js
obj - object to attach to cellById(row_id, col)gets dhtmlXGridCellObject object (if no arguments then gets dhtmlXGridCellObject object of currently selected cell)
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid.js
row_id - row id col - column index Returns: dhtmlXGridCellObject object (see its methods below)cellByIndex(row_index, col)gets dhtmlXGridCellObject object
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid.js
row_index - row index col - column index Returns: dhtmlXGridCellObject object (see its methods below)cellToClipboard(...)
[Professional ]
copy value of cell to clipboard
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_nxml.js
cells(row_id, col)gets dhtmlXGridCellObject object (if no arguments then gets dhtmlXGridCellObject object of currently selected cell)
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid.js
row_id - row id col - column index Returns: dhtmlXGridCellObject object (use it to get/set value to cell etc.)cells2(row_index, col)gets dhtmlXGridCellObject object
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid.js
row_index - row index col - column index Returns: dhtmlXGridCellObject object (see its methods below)changePage(...)
[Professional ]
change current page in grid
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_pgn.js
changePageRelative(...)
[Professional ]
change current page in grid
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_pgn.js
changeRowId(oldRowId, newRowId)changes id of the row to the new one
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid.js
oldRowId - row id to change newRowId - row id to set clearAll(header)deletes all rows in grid
Object: dhtmlXGridObjectTopic(s): overal control;
treegrid;
File required: dhtmlxgrid.js
header - (boolean) enable/disable cleaning header clearAndLoad()clears existing grid state and load new XML
Object: dhtmlXGridObjectFile required: dhtmlxgrid.js
clearChangedState(...)
[Professional ]
clear wasChanged state for all cells in grid
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid.js
clearConfigCookie(...)
[Professional ]
clear cookie with grid config details
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_ssc.js
clearSelection()removes selection from the grid
Object: dhtmlXGridObjectTopic(s): treegrid;
File required: dhtmlxgrid.js
closeItem(...)
[Professional ]
collapse row
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxtreegrid.js
collapseAll(...)
[Professional ]
collapse all tree structure
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxtreegrid.js
collapseAllGroups(...)
[Professional ]
collapse all groups
Object: dhtmlXGridObjectFile required: dhtmlxgrid_group.js
collapseGroup(...)
[Professional ]
collapse group of rows
Object: dhtmlXGridObjectFile required: dhtmlxgrid_group.js
collectTreeValues(...)
[Professional ]
get all possible values in column
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxtreegrid_filter.jsReturns: {array} array of all possible values in column
collectValues(...)
[Professional ]
get all possible values in column
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_filter.jsReturns: {array} array of all possible values in column
copyBlockToClipboard()copy content of block selection into clipboard in csv format (delimiter as set for csv serialization)
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_selection.js
copyRowContent(from_row_id, to_row_id)copies row content to another existing row
Object: dhtmlXGridObjectTopic(s): data manipulation;
File required: dhtmlxgrid.js
from_row_id - id of the row to copy content from to_row_id - id of the row to copy content to deleteChildItems(...)
[Professional ]
delete all childs of row in question
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxtreegrid.js
deleteColumn(...)
[Professional ]
delete column
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_mcol.js
deleteRow(row_id, node)delete row from the grid
Object: dhtmlXGridObjectFile required: dhtmlxgrid.js
row_id - row ID deleteSelectedRows()deletes selected row(s)
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid.js
destructor()destructor, removes grid and cleans used memory
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid.js
detachFooter(index)remove footer line from grid (opposite to attachFooter)
Object: dhtmlXGridObjectFile required: dhtmlxgrid.js
values - array of header titles detachHeader(index, hdr)remove header line from grid (opposite to attachHeader)
Object: dhtmlXGridObjectFile required: dhtmlxgrid.js
index - index of row to be removed ( zero based ) hdr - header object (optional) disableUndoRedo(...)
[Professional ]
disable Undo/Redo functionality in grid
Object: dhtmlXGridObjectFile required: dhtmlxgrid_undo.js
doRedo(...)
[Professional ]
ReDo
Object: dhtmlXGridObjectFile required: dhtmlxgrid_undo.js
doUndo(...)
[Professional ]
UnDo
Object: dhtmlXGridObjectFile required: dhtmlxgrid_undo.js
doesRowExist(row_id)determines if row with specified id exists
Object: dhtmlXGridObjectTopic(s): overal control;
File required: dhtmlxgrid.js
row_id - row id Returns: true if exists, false otherwiseeditCell()creates Editor object and switch cell to edit mode if allowed
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid.js
editStop(mode)retuns value from editor(if presents) to cell and closes editor
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid.js
enableAlterCss(cssE, cssU, perLevel, levelUnique)set even/odd css styles
Object: dhtmlXGridObjectTopic(s): appearence control;
File required: dhtmlxgrid.js
cssE - name of css class for even rows cssU - name of css class for odd rows perLevel - true/false - mark rows not by order, but by level in treegrid levelUnique - true/false - creates additional unique css class based on row level enableAutoHeight(mode, maxHeight, countFullHeight)enable autoheight of grid
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid.js
mode - true/false maxHeight - maximum height before scrolling appears (no limit by default) countFullHeight - control the usage of maxHeight parameter - when set to true all grid height included in max height calculation, if false then only data part (no header) of grid included in calcualation (false by default) enableAutoHiddenColumnsSaving(...)
[Professional ]
enable automatic saving column state ( hidden | shown )
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_ssc.js
enableAutoSaving(...)
[Professional ]
enable automatic saving of all possible params
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_ssc.js
enableAutoSizeSaving(...)
[Professional ]
enable automatic size saving to cookie
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_ssc.js
enableAutoWidth(mode, max_limit, min_limit)changes grid's container size on the fly to fit total width of grid columns
Object: dhtmlXGridObjectFile required: dhtmlxgrid.js
mode - truse/false - enable / disable max_limit - max allowed width, not limited by default min_limit - min allowed width, not limited by default enableBlockSelection(mode)enables block selection mode in grid
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_selection.js
enableCSVAutoID(...)
[Professional ]
enable mode, where ID for rows loaded from CSV autogenerated
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_nxml.js
enableCSVHeader(...)
[Professional ]
enable recognizing first row in CSV as header
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_nxml.js
enableCellIds(mode)enable/disable unique id for cells (id will be automaticaly created using the following template: "c_[RowId]_[colIndex]")
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid.js
mode - true/false - enable/disable enableColSpan(...)
[Professional ]
enable/disable colspan support
Object: dhtmlXGridObjectFile required: dhtmlxgrid.js
enableColumnMove(...)
[Professional ]
enable move column functionality
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_mcol.js
enableContextMenu(menu)enable/disable context menu
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid.js
dhtmlxMenu object, if null - context menu will be disabled enableDistributedParsing(...)
[Professional ]
enable/disable distributed parsing (rows paresed portion by portion with some timeout)
Object: dhtmlXGridObjectFile required: dhtmlxgrid.js
enableDragAndDrop(mode)enable/disable drag-and-drop
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_drag.js
mode - enabled/disabled [ can be true/false/temporary_disabled - last value mean that tree can be D-n-D can be switched to true later ] enableDragOrder(mode)switch to mode when draged item, droped in target location in same order as they was in source grid
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_drag.js
mode - true/false to enable/disable mode enableEditEvents(click, dblclick, f2Key)enable/disable events which fire excell editing, mutual exclusive with enableLightMouseNavigation
Object: dhtmlXGridObjectFile required: dhtmlxgrid.js
click - true/false - enable/disable editing by single click dblclick - true/false - enable/disable editing by double click f2Key - enable/disable editing by pressing F2 key enableEditTabOnly(mode)enables/disables mode when readonly cell is not available with tab
Object: dhtmlXGridObjectFile required: dhtmlxgrid.js
mode - (boolean) true/false enableHeaderImages(fl)specify if values passed to Header are images file names
Object: dhtmlXGridObjectTopic(s): colums control;
File required: dhtmlxgrid.js
fl - true to treat column header values as image names enableHeaderMenu(...)
[Professional ]
enable pop up menu which allows hidding/showing columns
Object: dhtmlXGridObjectFile required: dhtmlxgrid_hmenu.js
enableKeyboardSupport(mode)enable/disable hot keys in grid
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid.js
mode - true/false enableLightMouseNavigation(mode)enable/disable light mouse navigation mode (row selection with mouse over, editing with single click), mutual exclusive with enableEditEvents
Object: dhtmlXGridObjectFile required: dhtmlxgrid.js
mode - true/false enableMarkedCells(fl)sets marked cells support to enabled or disabled state
Object: dhtmlXGridObjectFile required: dhtmlxgrid_markers.js
state - true or false enableMathEditing(...)
[Professional ]
enable/disable editing of math cells
Object: dhtmlXGridObjectFile required: dhtmlxgrid_math.js
enableMathSerialization(...)
[Professional ]
enable/disable serialization of math formulas
Object: dhtmlXGridObjectFile required: dhtmlxgrid_math.js
enableMercyDrag(...)
[Professional ]
enable drag without removing (copy instead of move)
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_drag.js
enableMultiline(state)set multiline rows support to enabled or disabled state
Object: dhtmlXGridObjectTopic(s): overal control;
File required: dhtmlxgrid.js
state - true or false enableMultiselect(state)set multiselect mode to enabled or disabled state
Object: dhtmlXGridObjectTopic(s): overal control;
File required: dhtmlxgrid.js
state - true or false enableOrderSaving(...)
[Professional ]
enable automatic column order saving to cookie
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_ssc.js
enablePaging(...)
[Professional ]
enable smart paging mode
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_pgn.js
enablePreRendering(buffer)allows to pre-render rows during scrolling, make scrolling more smooth, but with small drop in overall perfomance
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_srnd.js
buffer - count of rows, which will be prerendered enableResizing(list)enable/disable resizing for specified colums
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid.js
list - list of true/false values, resizing enabled for all columns by default enableRowsHover(mode, cssClass)enable/disable hovering row on mouse over
Object: dhtmlXGridObjectFile required: dhtmlxgrid.js
mode - true/false cssClass - css class for hovering row enableRowspan(...)
[professional ]
enable rowspan in grid
Object: dhtmlXGridObjectFile required: dhtmlxgrid_rowspan.js
enableSmartRendering(mode,buffer,reserved)enable smart rendering mode
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_srnd.js
mode - true|false - enable|disable mode buffer - has sense only in dynamic loading mode, count of rows requrested from server by single operation, optional enableSortingSaving(...)
[Professional ]
enable automatic sorting state saving to cookie
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_ssc.js
enableTooltips(list)enable/disable tooltips for specified colums
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid.js
list - list of true/false values, tooltips enabled for all columns by default enableTreeCellEdit(mode)enable/disable editor of tree cell ; enabled by default
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxtreegrid.js
mode - (boolean) true/false enableTreeGridLines(...)
[Professional ]
enable lines in treeGrid
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxtreegrid_lines.js
enableUndoRedo(...)
[Professional ]
enable Undo/Redo functionality in grid
Object: dhtmlXGridObjectFile required: dhtmlxgrid_undo.js
expandAll(...)
[Professional ]
expand all tree structure
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxtreegrid.js
expandAllGroups(...)
[Professional ]
expand all groups
Object: dhtmlXGridObjectFile required: dhtmlxgrid_group.js
expandGroup(...)
[Professional ]
expand group of rows
Object: dhtmlXGridObjectFile required: dhtmlxgrid_group.js
filterBy(...)
[Professional ]
filter grid by mask
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_filter.js
filterByAll(...)
[Professional ]
force grid filtering by registered inputs ( created by # starting shortcuts, or by makeFilter function )
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_filter.js
filterTreeBy(...)
[Professional ]
filter grid by mask
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxtreegrid_filter.js
findCell(...)
[Professional ]
find cell in grid by value
Object: dhtmlXGridObjectFile required: dhtmlxgrid_filter.jsReturns: array each member of which contains array with row ID and cell index
forEachCell(rowId, custom_code)execute code for each cell in a row
Object: dhtmlXGridObjectFile required: dhtmlxgrid.js
rowId - id of row where cell must be itterated custom_code - function which get eXcell object as incomming argument forEachRow(custom_code)execute code for each row in a grid
Object: dhtmlXGridObjectFile required: dhtmlxgrid.js
custom_code - function which get row id as incomming argument forceFullLoading(buffer)force grid in dyn. srnd mode fully load itself from server side
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_srnd.js
buffer - how much rows grid can request from server side in one operation forceLabelSelection(mode)affect block selection, so it will copy|paste only visible text , not values behind
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_selection.js
mode - true/false getAllRowIds(separator)gets a list of all row ids in grid
Object: dhtmlXGridObjectTopic(s): overal control;
File required: dhtmlxgrid.js
separator - delimiter to use in list Returns: list of all row ids in gridgetAllSubItems(...)
[Professional ]
get list of id of all nested rows
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxtreegrid.jsReturns: list of id of all nested rows
getChangedRows(...)
[Professional ]
get list of IDs of changed rows
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid.js
getCheckedRows(col_ind)get list of Ids of all rows with checked exCell in specified column
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid.js
col_ind - column index getChildItemIdByIndex(...)
[Professional ]
get id of child item at specified position
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxtreegrid.jsReturns: id of child item at specified position
getColIndexById(id)gets column index by column id
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid.js
id - column id Returns: index of the columngetColType(cInd)get column type by column index
Object: dhtmlXGridObjectTopic(s): colums control;
cells controll;
File required: dhtmlxgrid.js
cInd - column index Returns: type codegetColTypeById(cID)get column type by column ID
Object: dhtmlXGridObjectTopic(s): colums control;
cells controll;
File required: dhtmlxgrid.js
cID - column id Returns: type codegetColWidth(ind)gets width of specified column in pixels
Object: dhtmlXGridObjectTopic(s): overal control;
File required: dhtmlxgrid.js
ind - column index Returns: column width in pixelsgetColumnId(cin)gets column id of column specified by index
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid.js
cin - column index Returns: column idgetColumnLabel(cin, ind)gets label of column specified by index
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid.js
cin - column index Returns: column labelgetColumnsNum()gets number of columns in grid
Object: dhtmlXGridObjectTopic(s): overal control;
File required: dhtmlxgrid.jsReturns: number of columns in grid
getCombo(col_ind)gets Combo object of specified column. Use it to change select box value for cell before editor opened
Object: dhtmlXGridObjectTopic(s): cells controll;
File required: dhtmlxgrid.js
col_ind - index of the column to get combo object for getCustomCombo(id, ind)get combobox specific for cell in question
Object: dhtmlXGridObjectFile required: dhtmlxgrid.js
id - row id ind - column index getItemImage(...)
[Professional ]
get image of tree col
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxtreegrid.js
getItemText(...)
[Professional ]
get real caption of tree col
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxtreegrid.jsReturns: real caption of tree col
getLabel(val)sets text representation of cell ( setLabel doesn't triger math calculations as setValue do)
Object: eXcell_treeFile required: dhtmlxtreegrid.js
val - new value getLevel(rowId)return level of treeGrid row
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxtreegrid.js
rowId - id of row Returns: level of treeGrid rowgetMarked()gets marked cells
Object: dhtmlXGridObjectFile required: dhtmlxgrid_markers.jsReturns: the array of marked cells (pairs of row id and column index)
getOpenState(...)
[Professional ]
return open/close state of row
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxtreegrid.jsReturns: open/close state of row
getParentId(...)
[Professional ]
return id of parent row
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxtreegrid.jsReturns: id of parent row
getRedo(...)
[Professional ]
get length of available ReDo operations
Object: dhtmlXGridObjectFile required: dhtmlxgrid_undo.js
getRowId(ind)gets row id by index
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid.js
ind - row index Returns: row id or null if there is no row with specified indexgetRowIndex(row_id)gets row index by id (grid only)
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid.js
row_id - row id Returns: row index or -1 if there is no row with specified idgetRowsNum()returns count of row in grid ( in case of dynamic mode it will return expected count of rows )
Object: dhtmlXGridObjectFile required: dhtmlxgrid.jsReturns: count of rows in grid
getSelectedCellIndex()gets index of selected cell
Object: dhtmlXGridObjectTopic(s): cells controll;
File required: dhtmlxgrid.jsReturns: index of selected cell or -1 if there is no selected sell
getSelectedRowId()gets selected row id
Object: dhtmlXGridObjectTopic(s): rows control;
treegrid;
File required: dhtmlxgrid.jsReturns: id of selected row (list of ids with default delimiter) or null if non row selected
getSortingState()get sorting state of grid
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid.jsReturns: array, first element is index of sortef column, second - direction of sorting ("asc" or "des").
getStateOfView()returns details about current grid state
Object: dhtmlXGridObjectFile required: dhtmlxgrid.js
getSubItems(...)
[Professional ]
return list of child row id, sparated by comma
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxtreegrid.jsReturns: list of child rows
getUndo(...)
[Professional ]
get length of available UnDo operations
Object: dhtmlXGridObjectFile required: dhtmlxgrid_undo.js
getUserData(row_id, name)gets user Data
Object: dhtmlXGridObjectTopic(s): data manipulation;
File required: dhtmlxgrid.js
row_id - row id. if empty then user data is for grid (not row) name - name of user data Returns: value of user datagridFromClipboard(...)
[Professional ]
init grid from CSV stored in clipboard
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_nxml.js
gridToClipboard(...)
[Professional ]
copy grid in CSV to clipboard
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_nxml.js
gridToGrid(rowId,sgrid,tgrid)redefine this method in your code to define how grid row values should be used in another grid
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_drag.js
rowId - id of draged row sgrid - source grid object tgrid - target grid object Returns: array of values for cells in target grid rowgridToTreeElement(...)
[Professional ]
redefine this method in your code to define how grid row values should be used in tree (using input parameters you can change id of new tree node, set label, set userdata blocks etc.).
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_drag.jsReturns: if true, then grid row will be moved to tree, else - copied
groupBy(...)
[Professional ]
group grid content by values of specified column
Object: dhtmlXGridObjectFile required: dhtmlxgrid_group.js
hasChildren(...)
[Professional ]
return children count
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxtreegrid.jsReturns: children count
hidePivot(cont)hide pivot table related to grid, if any exists, switch grid back to normal mode
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_pivot.js
init(fl)initialize grid
Object: dhtmlXGridObjectTopic(s): overal control;
File required: dhtmlxgrid.js
fl - if to parse on page xml data island insertColumn(...)
[Professional ]
add new column to the grid. Can be used after grid was initialized. At least one column should be in grid
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_mcol.js
isColumnHidden(...)
[Professional ]
get show/hidden status of column
Object: dhtmlXGridObjectFile required: dhtmlxgrid.jsReturns: if column hidden then true else false
load(url, call, type)load data from external file ( xml, json, jsarray, csv )
Object: dhtmlXGridObjectFile required: dhtmlxgrid.js
url - url to external file call - after loading callback function, optional, can be ommited type - type of data (xml,csv,json,jsarray) , optional, xml by default loadCSVFile(...)
[Professional ]
load grid from CSV file
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_nxml.js
loadCSVString(...)
[Professional ]
load grid from CSV string
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_nxml.js
loadHiddenColumnsFromCookie(...)
[Professional ]
load sorting order from cookie
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_ssc.js
loadOpenStates(...)
[Professional ]
load open state of TreeGrid in cookie
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_ssc.js
loadOrderFromCookie(...)
[Professional ]
load sorting order from cookie
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_ssc.js
loadSizeFromCookie(...)
[Professional ]
load grid layout from cookie
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_ssc.js
loadSortingFromCookie(...)
[Professional ]
load sorting order from cookie
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_ssc.js
lockRow(rowId, mode)lock/unlock row for editing
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid.js
rowId - id of row mode - true/false - lock/unlock makeFilter(...)
[Professional ]
create a filter from any input element (text filter), select (dropdown) or DIV (combobox based on dhtmlxCombo)
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_filter.js
makePivot(cont,details)show pivot table based on grid
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_pivot.js
cont - html container in which pivot rendered, but default pivot will be rendered over existing grid makeSearch(...)
[Professional ]
create a search box (set selection to the row with found value) from any input
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_filter.js
mark(rid,cindex,fl)sets selection or removes selection from specified cell
Object: dhtmlXGridObjectFile required: dhtmlxgrid_markers.js
r - row object or row index cInd - cell index state - true or false moveColumn(...)
[Professional ]
moves column of specified index to new position
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_mcol.js
moveRow(...)
[Professional ]
move row
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_drag.js
moveRowDown(row_id)moves row one position down if possible
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid.js
row_id - row id moveRowTo(...)
[Professional ]
move row
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_drag.jsReturns: moved item ID
moveRowUp(row_id)moves row one position up if possible
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid.js
row_id - row id openItem(...)
[Professional ]
expand row
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxtreegrid.js
parse(data, call, type)load data from local datasource ( xml string, csv string, xml island, xml object, json objecs , javascript array )
Object: dhtmlXGridObjectFile required: dhtmlxgrid.js
data - string or object type - data type (xml,json,jsarray,csv), optional, data threated as xml by default pasteBlockFromClipboard()paste content of clipboard into block selection of grid
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_selection.js
preventIECaching(mode)prevent caching in IE by adding random values to URL string
Object: dhtmlXGridObjectTopic(s): treegrid;
File required: dhtmlxgrid.js
mode - enable/disable random values in URLs ( disabled by default ) printView(...)
[Professional ]
generate print friendly view
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_nxml.js
refreshFilters(...)
[Professional ]
refresh filtering ( can be used if data in grid changed and filters need to be updated )
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_filter.js
rowToClipboard(...)
[Professional ]
copy value of row to clipboard
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_nxml.js
rowToDragElement(gridRowId)redefine this method in your code to define how grid row values should be displaied while draging
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_drag.js
gridRowId - id of grid row Returns: html string representing dragging rowsaveHiddenColumnsToCookie(...)
[Professional ]
save hidden columns to cookie
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_ssc.js
saveOpenStates(...)
[Professional ]
store opene state of TreeGrid in cookie
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_ssc.js
saveOrderToCookie(...)
[Professional ]
save sorting order to cookie
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_ssc.js
saveSizeToCookie(...)
[Professional ]
save grid layout to cookie
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_ssc.js
saveSortingToCookie(...)
[Professional ]
save sorting order to cookie
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_ssc.js
selectAll()select all rows in grid, it doesn't fire any events
Object: dhtmlXGridObjectTopic(s): cells controll;
File required: dhtmlxgrid.js
edit - switch selected cell to edit mode selectCell(r, cInd, fl, preserve, edit, show)set selection to specified row-cell
Object: dhtmlXGridObjectTopic(s): cells controll;
File required: dhtmlxgrid.js
r - row object or row index cInd - cell index [fl] - true if to call onRowSelect function preserve - preserve previously selected rows true/false (false by default) edit - switch selected cell to edit mode show - true/false - scroll row to view, true by defaul selectRow(r, fl, preserve, show)selects row (and first cell of it)
Object: dhtmlXGridObjectTopic(s): rows control;
File required: dhtmlxgrid.js
r - row index or row object fl - if true, then call function on select preserve - preserve previously selected rows true/false (false by default) show - true/false - scroll row to view, true by defaul selectRowById(row_id, multiFL, show, call)selects row by ID
Object: dhtmlXGridObjectTopic(s): rows control;
File required: dhtmlxgrid.js
row_id - row id multiFL - VOID. select multiple rows show - true/false - scroll row to view, true by defaul call - true to call function on select serialize(...)
[Professional ]
get actual xml of grid. The depth of serialization can be set with setSerializationLevel method
Object: dhtmlXGridObjectTopic(s): overal control;
File required: dhtmlxgrid.js
serializeToCSV(...)
[Professional ]
serialize to CSV string
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_nxml.js
setAwaitedRowHeight(height)set height which will be used in smart rendering mode for row calculation, function need to be used if you use custom skin for grid which changes default row height
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_srnd.js
{int} height - awaited height of row Returns: voidsetCSVDelimiter(...)
[Professional ]
load grid from CSV string
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_nxml.js
setCellExcellType(...)
[Professional ]
set excell type for cell in question
Object: dhtmlXGridObjectFile required: dhtmlxgrid.js
setCellTextStyle(row_id, ind, styleString)sets style to cell
Object: dhtmlXGridObjectTopic(s): appearence control;
File required: dhtmlxgrid.js
row_id - row id ind - cell index styleString - style string in common format (exmpl: "color:red;border:1px solid gray;") setColAlign(alStr)set align of values in columns
Object: dhtmlXGridObjectTopic(s): colums control;
File required: dhtmlxgrid.js
alStr - list of align values (possible values are: right,left,center,justify). Default delimiter is "," setColSorting(sortStr)set column sort types (avaialble: str, int, date, na or function object for custom sorting)
Object: dhtmlXGridObjectTopic(s): colums control;
cells controll;
File required: dhtmlxgrid.js
sortStr - sort codes list with default delimiter setColTypes(typeStr)set column types
Object: dhtmlXGridObjectTopic(s): colums control;
cells controll;
File required: dhtmlxgrid.js
typeStr - type codes list (default delimiter is ",") setColVAlign(valStr)set vertical align of columns
Object: dhtmlXGridObjectTopic(s): colums control;
File required: dhtmlxgrid.js
valStr - vertical align values list for columns (possible values are: baseline,sub,super,top,text-top,middle,bottom,text-bottom) setColWidth(ind, value)sets width of specified column in pixels (soen't works with procent based grid)
Object: dhtmlXGridObjectTopic(s): overal control;
File required: dhtmlxgrid.js
ind - column index value - new width value setColspan(...)
[Professional ]
dynamicaly set colspan in row starting from specified column index
Object: dhtmlXGridObjectTopic(s): treegrid;
File required: dhtmlxgrid.js
setColumnColor(clr)colorize columns background.
Object: dhtmlXGridObjectTopic(s): appearence control;
File required: dhtmlxgrid.js
clr - colors list setColumnExcellType(...)
[Professional ]
set excell type for all cells in specified column
Object: dhtmlXGridObjectFile required: dhtmlxgrid.js
setColumnHidden(...)
[Professional ]
hide/show column
Object: dhtmlXGridObjectFile required: dhtmlxgrid.js
setColumnId(ind, id)sets ids to specified column.
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid.js
ind- index of column id- id of column setColumnIds(ids)sets ids to every column. Can be used then to retreive the index of the desired colum
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid.js
[ids] - delimitered list of ids (default delimiter is ","), or empty if to use values set earlier setColumnLabel(c, label, ind)sets new column header label
Object: dhtmlXGridObjectTopic(s): appearence control;
File required: dhtmlxgrid.js
col - header column index label - new label for the cpecified header's column. Can contai img:[imageUrl]Text Label ind - header row index (default is 0) setColumnMinWidth(width, ind)set minimum column width ( works only for manual resizing )
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid.js
width - minimum column width, can be set for specified column, or as comma separated list for all columns ind - column index setColumnsVisibility(...)
[Professional ]
set list of visible/hidden columns
Object: dhtmlXGridObjectTopic(s): initialization;
File required: dhtmlxgrid.js
setCustomSorting(...)
[Professional ]
set custom sorting (custom sort has three params - valueA,valueB,order; where order can be asc or des)
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid.js
setDateFormat(...)
[Professional ]
set mask for date formatting in cell
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid.js
setDelimiter(delim)set delimiter character used in list values (default is ",")
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid.js
delim - delimiter as string setDragBehavior(mode)set Drag-And-Drop behavior (child - drop as chils, sibling - drop as sibling
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_drag.js
mode - behavior name (child,sibling,complex) setDragText(single,plural)define text (single and plural forms) for extended visual appearence of drag-n-drop
Object: dhtmlXGridObjectFile required: dhtmlx_extdrag.js
single - single form (like "product") plural - plural form (if omitted, then "s" will be added to single form) setEditable(fl)manage editibility of the grid
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid.js
[fl] - set not editable if FALSE, set editable otherwise setExternalTabOrder(start, end)sets elements which get focus when tab is pressed in the last or first (tab+shift) cell
Object: dhtmlXGridObjectFile required: dhtmlxgrid.js
start - html object or its id - gets focus when tab+shift are pressed in the first cell end - html object or its id - gets focus when tab is pressed in the last cell setFiltrationLevel(...)
[Professional ]
allows to define , which level of tree must be used for filtering
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxtreegrid_filter.js
setHeader(hdrStr, splitSign, styles)set header label and default params for new headers
Object: dhtmlXGridObjectTopic(s): colums control;
File required: dhtmlxgrid.js
hdrStr - header string with delimiters splitSign - string used as a split marker, optional. Default is "#cspan" styles - array of header styles setIconPath(path)set path to external images used in grid ( tree and img column types )
Object: dhtmlXGridObjectTopic(s): overal control;
File required: dhtmlxgrid.js
path - url (or relative path) of images folder with closing "/" setImagePath(path)set path to grid internal images (sort direction, any images used in editors, checkbox, radiobutton)
Object: dhtmlXGridObjectTopic(s): overal control;
File required: dhtmlxgrid.js
path - url (or relative path) of images folder with closing "/" setImageSize(...)
[Professional ]
set size of treegrid images
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxtreegrid.js
setInitWidths(wp)set width of columns in pixels
Object: dhtmlXGridObjectTopic(s): overal control;
File required: dhtmlxgrid.js
wp - list of column width in pixels setInitWidthsP(wp)set width of columns in percents
Object: dhtmlXGridObjectTopic(s): overal control;
File required: dhtmlxgrid.js
wp - list of column width in percents setItemCloseable(...)
[Professional ]
enable/disable closing of row
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxtreegrid.js
setItemImage(...)
[Professional ]
set image of tree col
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxtreegrid.js
setItemText(...)
[Professional ]
set real caption of tree col
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxtreegrid.js
setLabel(val)sets text representation of cell ( setLabel doesn't triger math calculations as setValue do)
Object: eXcell_treeFile required: dhtmlxtreegrid.js
val - new value setMathRound(...)
[Professional ]
enable/disable rounding while math calculations
Object: dhtmlXGridObjectFile required: dhtmlxgrid_math.js
setNoHeader(fl)create grid with no header. Call before initialization, but after setHeader. setHeader have to be called in any way as it defines number of columns
Object: dhtmlXGridObjectTopic(s): overal control;
File required: dhtmlxgrid.js
fl - true to use no header in the grid setNumberFormat(...)
[Professional ]
set mask for formatting numeric data ( works for [ed/ro]n excell only or oher cell types with suport for this method)
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid.js
setOnOpenEndHandler(func)set function called after tree node opened/closed
Event Name: onOpenEnd Event raised immideatly after item in tree got command to open/close , and before item was opened//closed. Event also raised for unclosable nodes and nodes without open/close functionality - in that case result of function will be ignored.ID of node which will be opened/closed Current open state of tree item. -1 - item closed, 1 - item opened. Object: dhtmlXGridObjectTopic(s): event handlers;
File required: dhtmlxtreegrid.jsfunc - event handling function setOnOpenStartHandler(func)set function called before tree node opened/closed
Event Name: onOpenStart Event raised immideatly after item in tree got command to open/close , and before item was opened//closed. Event also raised for unclosable nodes and nodes without open/close functionality - in that case result of function will be ignored.ID of node which will be opened/closed Current open state of tree item. -1 - item closed, 1 - item opened. Event returns: true - confirm opening/closing; false - deny opening/closing;Object: dhtmlXGridObjectTopic(s): event handlers;
File required: dhtmlxtreegrid.jsfunc - event handling function setPagingSkin(name)allows to set custom paging skin
Object: dhtmlXGridObjectFile required: dhtmlxgrid_pgn.js
name - skin name (default,toolbar,bricks) setPagingTemplates(a,b)allows to set paging templates for default skin
Object: dhtmlXGridObjectFile required: dhtmlxgrid_pgn.js
a - template for zone A b - template for zone B setPagingWTMode(...)
[Professional ]
configure paging with toolbar mode ( must be called BEFORE enablePaging)
Object: dhtmlXGridObjectFile required: dhtmlxgrid_pgn.js
setRowColor(row_id, color)sets background color of row (via bgcolor attribute)
Object: dhtmlXGridObjectTopic(s): appearence control;
File required: dhtmlxgrid.js
row_id - row id color - color value setRowExcellType(...)
[Professional ]
set excell type for all cells in specified row
Object: dhtmlXGridObjectFile required: dhtmlxgrid.js
setRowHidden(id, state)hide/show row (warning! - this command doesn't affect row indexes, only visual appearance)
Object: dhtmlXGridObjectFile required: dhtmlxgrid.js
ind - column index state - true/false - hide/show row setRowId(ind, row_id)sets new id for row by its index
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid.js
ind - row index row_id - new row id setRowTextBold(row_id)sets row text BOLD
Object: dhtmlXGridObjectTopic(s): appearence control;
File required: dhtmlxgrid.js
row_id - row id setRowTextNormal(row_id)sets row text weight to normal
Object: dhtmlXGridObjectTopic(s): appearence control;
File required: dhtmlxgrid.js
row_id - row id setRowTextStyle(row_id, styleString)sets style to row
Object: dhtmlXGridObjectTopic(s): appearence control;
File required: dhtmlxgrid.js
row_id - row id styleString - style string in common format (exmpl: "color:red;border:1px solid gray;") setRowspan(...)
[professional ]
set rowspan with specified length starting from specified cell
Object: dhtmlXGridObjectFile required: dhtmlxgrid_rowspan.js
setScrollbarWidthCorrection(width)set width of browser scrollbars, will be used to correct autoWidth calculations (by default grid uses 16 for IE and 19 pixels for FF)
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid.js
width - scrollbar width setSerializableColumns(...)
[Professional ]
configure which column must be serialized (if you do not use this method, then all columns will be serialized)
Object: dhtmlXGridObjectTopic(s): data manipulation;
overal control;
File required: dhtmlxgrid.js
setSerializationLevel(...)
[Professional ]
configure XML serialization
Object: dhtmlXGridObjectTopic(s): data manipulation;
overal control;
File required: dhtmlxgrid.js
setSkin(name)set one of predefined css styles (xp, mt, gray, light, clear, modern)
Object: dhtmlXGridObjectTopic(s): appearence control;
File required: dhtmlxgrid.js
name - style name setSortImgState(state, ind, order, row)sets position and visibility of sort arrow
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid.js
state - true/false - show/hide image ind - index of field order - asc/desc - type of image row - one based index of header row ( used in multirow headers, top row by default ) setStyle(ss_header, ss_grid, ss_selCell, ss_selRow)modify default style of grid and its elements. Call before or after Init
Object: dhtmlXGridObjectTopic(s): appearence control;
File required: dhtmlxgrid.js
ss_header - style def. expression for header ss_grid - style def. expression for grid cells ss_selCell - style def. expression for selected cell ss_selRow - style def. expression for selected Row setTabOrder(order)set tab order of columns
Object: dhtmlXGridObjectFile required: dhtmlxgrid.js
order - list of tab indexes (default delimiter is ",") setUserData(row_id, name, value)sets user data to row
Object: dhtmlXGridObjectTopic(s): data manipulation;
File required: dhtmlxgrid.js
row_id - row id. if empty then user data is set for grid (not row) name - name of user data block value - value of user data block setXMLAutoLoading(...)
[Professional ]
allow to configure settings of dynamical paging
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_pgn.js
showRow(rowID)scrolls row to the visible area
Object: dhtmlXGridObjectTopic(s): overal control;
File required: dhtmlxgrid.js
rowID - row id sortRows(col, type, order)sort grid
Object: dhtmlXGridObjectFile required: dhtmlxgrid.js
col - index of column, by which grid need to be sorted type - sorting type (str,int,date), optional, by default sorting type taken from column setting order - sorting order (asc,des), optional, by default sorting order based on previous sorting operation sortTreeRows(...)
[Professional ]
sorts treegrid by specified column
Object: dhtmlXGridObjectTopic(s): colums control;
data manipulation;
treegrid;
File required: dhtmlxtreegrid.js
startFastOperations()start fast operation mode, in such mode events are not generated, some time consuming actions applied only once, which allow to increase performance
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_fast.js
stopFastOperations()turn off fast operation mode, need to be executed to normalize view.
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_fast.js
submitAddedRows(mode)include additional data with info about which rows was added and which deleted, enabled by default
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_form.js
mode - {boolean} enable|disable mode submitOnlyChanged(mode)include only changed rows in form submit
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_form.js
mode - {boolean} enable|disable mode submitOnlyRowID(mode)include only row's IDS in form submit
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_form.js
mode - {boolean} enable|disable mode submitOnlySelected(mode)include only selected rows in form submit
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_form.js
mode - {boolean} enable|disable mode submitSerialization(mode)include serialized grid as part of form submit
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_form.js
mode - {boolean} enable|disable mode treeToGridElement(...)
[Professional ]
redefine this method in your code to define how tree node values should be used in grid (using input parameters you can change id of new row, values for cells, userdata blocks etc.).
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_drag.jsReturns: if true, then tree node should be moved to grid, else - copied
uid()returns unique ID
Object: dhtmlXGridObjectFile required: dhtmlxgrid.js
unmarkAll()removes selection from all marked cell
Object: dhtmlXGridObjectFile required: dhtmlxgrid_markers.js
updateCellFromClipboard(...)
[Professional ]
set value of cell from clipboard
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_nxml.js
updateFromXML(url, insert_new, del_missed, afterCall)refresh grid from XML ( doesnt work for buffering, tree grid or rows in smart rendering mode )
Object: dhtmlXGridObjectFile required: dhtmlxgrid.js
insert_new - insert new items del_missed - delete missed rows afterCall - function, will be executed after refresh completted updateRowFromClipboard(...)
[Professional ]
set value of row from clipboard
Object: dhtmlXGridObjectTopic(s): File required: dhtmlxgrid_nxml.js